<!DOCTYPE html>
<html>
<head>
    <title>idea</title>
    <link rel='stylesheet' href='/stylesheets/common.css' />
    <style>

    </style>
</head>
<style>
    .container{
        width: 100vw;
        height: 100vh;
        background-color: #15151D;
        overflow: hidden;
    }
    .main{
        padding:20px 30px;
        overflow: hidden;
    }
    .select{
        display: flex;
        justify-content: space-between;
        padding:20px 30px;
        background: #1B1C21;
        border-radius: 24px;
    }
    .select select{
        padding:0 20px;
        width:350px;
        height: 40px;
        color:#999999;
        background: #fff;
        border-radius: 12px;
        border:0;
        outline: none;
    }
    .select .search{
        display: flex;
        width: 560px;
        height: 40px;
        border-radius: 12px;
        overflow: hidden;
    }
    .select .search input{
        flex:1;
    }
    .select .search div{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45px;
        height: 40px;
        background-color: #067BFB;
    }
    .select .search div img{
        width: 25px;
        height: 25px;
    }
    .select button{
        width: 70px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color:#fff;
        background-color: #067BFB;
        border-radius: 12px;
    }
    .content{
        margin-top:30px;
        background: #1B1C21;
        border-radius: 24px;
    }
    .table{
        width: 100%;
        color:#fff;
        text-align: center;
    }
    .table thead tr{
        height: 64px;
    }
    .table th{
        text-align: center;
    }
    .table tbody tr td{
        line-height: 48px;
    }
    *{
        color: white;
    }



</style>
</head>
<body>


<div class="container">
    <div class="main">
        <div class="select">
            <select name="" id="">
                <option value="请选择">请选择</option>
                <option value="请选择">请选择</option>
                <option value="请选择">请选择</option>
                <option value="请选择">请选择</option>
            </select>
            <div class="search">
                <input type="text">
                <div>
                    <img src="/images/fangdajing.png" alt="">
                </div>
            </div>

        </div>
        <div class="content">
            <table class="table">
                <thead>
                <tr>
                    <th>意见ID</th>
                    <th>用户ID</th>
                    <th>内容</th>
                    <th>时间</th>
                    <th>选项</th>
                </tr>
                </thead>
                <tbody>
                <% idea.forEach(function(item){ %>
                    <tr>
                        <td><%= item.idea_id %></td>
                        <td><%= item.user_id %></td>
                        <td><%= item.idea_info %></td>
                        <td><%= item.idea_time %></td>
                        <td>

                            <button>√</button>
                        </td>
                    </tr>
                <% }) %>
                </tbody>
            </table>
        </div>
    </div>
</div>


</body>
</html>

